<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="content-language" content="en-EN" />
    <meta name="robots" content="noindex, nofollow" />
    
    <title>JEELIZ FACEFILTER: ANGEL/DEMON</title>
    
    <!-- INCLUDE JEELIZ FACEFILTER SCRIPT -->
    <script src="../../../dist/jeelizFaceFilter.js"></script>

    <!-- INCLUDE THREE.JS -->
    <script src="../../../libs/three/v97/three.js"></script>

    <!-- INCLUDE JQUERY -->
    <script src="../../../libs/jquery/jquery-3.3.1.min.js"></script>

    <!-- INCLUDE JEELIZRESIZER -->
    <script src="../../../helpers/JeelizResizer.js"></script>

    <!-- INCLUDE JEELIZTHREEJSHELPER -->
    <script src="../../../helpers/JeelizThreeHelper.js"></script>

    <!-- INCLUDE DEMO SCRIPT -->
    <script src="./main.js"></script>

    <!-- INCLUDE FORK ME ON GITHUB BANNER -->
    <script src="../../appearance/widget.js"></script>

    <!-- IMPORT HELPER METHODS -->
    <script src='../../../helpers/addDragEventListener.js'></script>

    <link rel="stylesheet" href="../../appearance/style.css" type="text/css" />
    <style>
      #openMouthInstructions {
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-50%);
        z-index: 1000;
        font-size: 20pt;
        text-shadow: 0 0 1px black;
        font-family: Helvetica Neu, Arial, sans-serif;
        color: white;
        display: none;
      }
    </style>
  </head>
  
  <body>
    <div id="openMouthInstructions">Say "Oooh!" 😮</div>
    <canvas width="600" height="600" id='jeeFaceFilterCanvas'></canvas>
  </body>
</html>
 
 
